<template>
    <div class="">
        <div class="crumbs">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item><i class="el-icon-lx-copy"></i>运单详情</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="container">
            <el-table
            :data="tableData"
            style="width: 100%">
            <el-table-column
                prop="consignment"
                label="订单号"
                width="180">
            </el-table-column>
            <el-table-column
                label="标签ID">
                <template slot-scope="scope">
                    {{scope.row.tag.tag}}
                </template>
            </el-table-column>
            <el-table-column
                label="货物类型">
                <template slot-scope="scope">
                    {{scope.row.tag.cargo.name}}
                </template>
            </el-table-column>
            <el-table-column
                label="简介">
                <template slot-scope="scope">
                    {{scope.row.tag.cargo.brief}}
                </template>
            </el-table-column>
            <el-table-column
                label="延迟时间">
                <template slot-scope="scope">
                    {{scope.row.tag.cargo.delay}}
                </template>
            </el-table-column>
            <el-table-column
                label="安全范围">
                <template slot-scope="scope">
                    {{scope.row.tag.cargo.begin}}~{{scope.row.tag.cargo.end}}
                </template>
            </el-table-column>
            <el-table-column
                label="记录间隔">
                <template slot-scope="scope">
                    {{scope.row.tag.cargo.record}}
                </template>
            </el-table-column>
            <el-table-column
                prop="state"
                label="订单状态"
                width="180">
            </el-table-column>
            <el-table-column
                prop="begin"
                label="开始时间"
                width="180">
            </el-table-column>
            <el-table-column
                prop="end"
                label="结束时间"
                width="180">
            </el-table-column>
            <el-table-column
                prop="temp"
                label="状态"
                width="180">
            </el-table-column>
            <el-table-column
                label="详情"
                width="180">
                <template slot-scope="scope">
                    <router-link :to="{'path':'/temp','query':{'id':scope.row.id}}">查看</router-link>
                </template>
            </el-table-column>
            </el-table>
            
        </div>
    </div>
</template>

<script>
import { ShowDet } from '../../api/api.js'
    export default {
        inject:['reload'],
        name: 'allDet',
        data() {
            return {
                uid:localStorage.getItem('uid'),
                tableData:[],

            }
        },
        methods: {
            
        },
        computed: {
            
        },
        mounted(){
            ShowDet().then(res=>{
                this.tableData = res.data
            })
        }
    }

</script>

<style>
.message-title{
    cursor: pointer;
}
.handle-row{
    margin-top: 30px;
}
</style>

